<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>javascript方法</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/js.css">
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/fn.js"></script>
</head>
<body>
	<div class="box">
		<header class="header">
			<ul class="headerUl clearfix">
				<li>
					<a href="#">html</a>
					<ol class="headerUlOl">
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
					</ol>
				</li>
				<li><a href="#">css</a>
					<ol class="headerUlOl">
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
					</ol>
				</li>
				<li><a href="#">javascript</a>
					<ol class="headerUlOl">
						<li><a href="#">方法</a></li>
						<li><a href="#">插件</a></li>
						<li><a href="#">3</a></li>
					</ol>
				</li>
				<li><a href="#">jQuery</a>
					<ol class="headerUlOl">
						<li><a href="#">插件</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
					</ol>
				</li>
				<li><a href="#">Bootstarp</a>
					<ol class="headerUlOl">
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
					</ol>
				</li>
				<li><a href="#">Scss</a>
					<ol class="headerUlOl">
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
					</ol>
				</li>
				<li class="info"><a href="javascript:;">个人信息</a></li>
				<li class="userimg"><a href="#"><img src="image/ali.jpg"></a></li>
			</ul>
		</header>
		<section class="content">
			<ul class="content_ul">
				<li class="content_li">
					<a href="#" class="clearfix">
						<img src="image/toTop.png" alt="">
						<div class="content_div">
							<h2>回顶部</h2>
							<p class="clearfix"><span class="fl">比较使用的返回顶部方法</span><span class="fr time">2017-09-01 11:57:00</span></p>
							<p class="info">function pageScroll(){
								    window.scrollBy(0,-100);//把内容滚动指定的像素数（第一个参数是向右滚动的像素数，第二个参数是向下滚动的像素数）
								    scrolldelay = setTimeout('pageScroll()',100);//延时递归调用，模拟滚动向上效果
								     var sTop=document.documentElement.scrollTop+document.body.scrollTop;
								     //获取scrollTop值，声明了DTD的标准网页取document.documentElement.scrollTop，否则取document.body.scrollTop；因为二者只有一个会生效，另一个就恒为0，所以取和值可以得到网页的真正的scrollTop值
								     if(sTop==0) clearTimeout(scrolldelay);//判断当页面到达顶部，取消延时代码（否则页面滚动到顶部会无法再向下正常浏览页面）
								}

							</p>
						</div>
					</a>
				</li>
			</ul>
		</section>
	</div>
</body>
</html>